<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/main.css">
  <title>小游戏</title>
</head>
<body>
  <div>请用方向键和空格键进行操作：上->旋转，左->左移，右->右侧，下->下移，空格->坠落</div>
  <div id="local" class="square">
    <div class="title">我的游戏区域</div>
    <div id="local_game" class="game"></div>
    <div id="local_next" class="next"></div>
    <div class="info">
      <div>已用时：<span id="local_time">0</span>s</div>
      <div>已得分：<span id="local_score">0</span>分</div>
      <div id="local_gameover"></div>
    </div>
  </div>
  <div id="remote" class="square">
    <div class="title">对方的游戏区域</div>
    <div id="remote_game" class="game"></div>
    <div id="remote_next" class="next"></div>
    <div class="info">
      <div>已用时：<span id="remote_time">0</span>s</div>
      <div>已得分：<span id="remote_score">0</span>分</div>
      <div id="remote_gameover"></div>
      <button id="down">down</button><br>
      <button id="left">left</button><br>
      <button id="right">right</button><br>
      <button id="rotate">rotate</button><br>
      <button id="fall">fall</button><br>
      <button id="fixed">fixed</button><br>
      <button id="performNext">preformNext</button><br>
      <button id="checkClear">checkClear</button><br>
      <button id="checkGameOver">checkGameOver</button><br>
      <button id="setTime">setTime</button><br>
      <button id="addScore">addScore</button><br>
      <button id="gameOver">gameOver</button><br>
      <button id="addTailLines">addTailLines</button><br>
    </div>
  </div>
  <script src="./js/game.js"></script>
  <script src="./js/square.js"></script>
  <script src="./js/squareFactory.js"></script>
  <script src="./js/local.js"></script>
  <script src="./js/remote.js"></script>
  <script src="./main.js"></script>
</body>
</html>